<%@ page language="java" contentType="text/html; charset=UTF-8"
	pageEncoding="UTF-8"%>
<%@taglib prefix="c" uri="http://java.sun.com/jsp/jstl/core"%>
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="content-type" content="text/html; charset=UTF-8">
	<title>购物商城</title>
	<link href="${pageContext.request.contextPath}/css/common.css"
		rel="stylesheet" type="text/css">
		<link href="${pageContext.request.contextPath}/css/product.css"
			rel="stylesheet" type="text/css">
			<script type="text/javascript"
				src="${pageContext.request.contextPath }/js/jquery-3.1.1.min.js"></script>
				<script type="text/javascript" src="${pageContext.request.contextPath}/js/abc.js"></script>
</head>
<body>
	<div class="container header">
		<div class="span5">
			<div class="logo">
				<a href="${pageContext.request.contextPath}/user/index"> <img
					src="${pageContext.request.contextPath}/image/r___________renleipic_01/logo.gif"
					alt="服装商城" />
				</a>
			</div>
		</div>
		<div class="span9">
			<div class="headerAd">
				<img src="${pageContext.request.contextPath}/image/header.jpg"
					width="320" height="50" alt="正品保障" title="正品保障" />
			</div>
		</div>
		<%@ include file="menu.jsp"%>
	</div>
	<div class="container productContent">

		<div class="span18 last">

			<div class="productImage">
				<div class="zoomPad">
					<img style="opacity: 1;" title="" class="medium"
						src="${pageContext.request.contextPath}/${goods.image}">
						<div
							style="display: block; top: 0px; left: 162px; width: 0px; height: 0px; position: absolute; border-width: 1px;"
							class="zoomPup"></div>
						<div
							style="position: absolute; z-index: 5001; left: 312px; top: 0px; display: block;"
							class="zoomWindow">
							<div style="width: 368px;" class="zoomWrapper">
								<div style="width: 100%; position: absolute; display: none;"
									class="zoomWrapperTitle"></div>
								<div style="width: 0%; height: 0px;" class="zoomWrapperImage">
									<img
										src="%E5%B0%9A%E9%83%BD%E6%AF%94%E6%8B%89%E5%A5%B3%E8%A3%852013%E5%A4%8F%E8%A3%85%E6%96%B0%E6%AC%BE%E8%95%BE%E4%B8%9D%E8%BF%9E%E8%A1%A3%E8%A3%99%20%E9%9F%A9%E7%89%88%E4%BF%AE%E8%BA%AB%E9%9B%AA%E7%BA%BA%E6%89%93%E5%BA%95%E8%A3%99%E5%AD%90%20%E6%98%A5%E6%AC%BE%20-%20Powered%20By%20Mango%20Team_files/6d53c211-2325-41ed-8696-d8fbceb1c199-large.jpg"
										style="position: absolute; border: 0px none; display: block; left: -432px; top: 0px;">
								</div>
							</div>
						</div>
				</div>
			</div>
			<div class="name">${product.pname}</div>
			<div>
				<div style="font-size: 40px">
					<strong>${goods.bName}</strong>

				</div><br />
				<div>
					<strong>作者：${goods.author}</strong>

				</div>
				<br />
				<div>
					<strong>豆瓣评分：${goods.grade}</strong>
				</div>
			</div>
			<br />
			<div class="info">
				<dl>
					<dt>售价:</dt>
					<dd>
						<strong>￥： ${goods.price} 元 </strong>
					</dd>
				</dl>
				<dl>
					<dt>促销:</dt>
					<dd>
						<a target="_blank" title="限时抢购 ">限时抢购</a>
					</dd>
				</dl>
				<dl>
					<dt></dt>
					<dd>
						<span> </span>
					</dd>
				</dl>
			</div>
			<form id="cartForm"
				action="${pageContext.request.contextPath }/cart/addCart"
				method="post">
				<input type="hidden" name="goodsId" value="${goods.goodsId}"></input>
				<div class="action">
					<dl class="quantity">
						<dt>购买数量:</dt>
						<dd>
							<input id="count" name="number" value="1" maxlength="4"
								onpaste="return false;" type="text" />
							<div>
								<!-- 设置数量的增加或减少 -->
								<span id="increase" class="increase">&nbsp;</span> <span
									id="decrease" class="decrease">&nbsp;</span>
							</div>
						</dd>
						<dd>件</dd>
					</dl>
					<div class="buy">
						<input id="addCart" class="addCart" value="加入购物车"
							onclick="checkLogin()" title="点击加入购物车" />
					</div>
				</div>
			</form>
			<div id="bar" class="bar">
				<ul>
					<li id="introductionTab"><a href="#introduction">商品介绍</a></li>

				</ul>
			</div>

			<div id="introduction" name="introduction" class="introduction">
				<div class="title">
					<strong>${goods.detail}</strong>
				</div>
				<%-- 	<div>
						<img src="${pageContext.request.contextPath}/${goods.image}">
					</div> --%>
			</div>



		</div>
	</div>
	<div class="container footer">
		<div class="span24">
			<div class="footerAd">
				<img src="${pageContext.request.contextPath}/image/footer.jpg"
					width="950" height="52" alt="我们的优势" title="我们的优势">
			</div>
		</div>
		<div class="span24">
			<ul class="bottomNav">
				<li><hr></hr></li>
			</ul>
		</div>
		<div class="span24">
			<div class="copyright">Copyright © 网上商城 版权所有</div>
		</div>
	</div>
	
	<script type="text/javascript">
		function checkLogin(){
			var a='<%=session.getAttribute("loginUser")%>'; 
			var form = document.getElementById('cartForm');
			  if(a=="null"||a=="")
			  {
			  alert("您还未登陆，请先登录！");
			  }else{
			   alert("加入购物车成功！");
				form.submit();
			  }
			
		}
	
	</script>
</body>
</html>